<style>

    .header-title{
        text-shadow: 1px 1px 0 #555!important;
        font-weight: bold;
    }
</style>

<div class="page-header">
    <div class="banner">
        <div class="logo">
            <h4 style="margin-top: -10px;width: 1000px; color: white;text-shadow: 2px 2px 0 #555;padding: 25px 15px 20px 15px;
            float: right;letter-spacing: 0px;"><span style="font-size: 35px;
                font-weight: bolder;padding-right: 15px;color: white;">Rice Resource Center</span></h4>
        </div>
    </div>
    <nav class="navbar navbar-default">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#coll" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="@routes.HomeController.home()" class="header-title">
                    Home</a></li>

                <li>
                    <a href="@routes.RiceController.browse()" class="header-title">
                        Species</a>
                </li>

@*                <li class="dropdown">
                    <a href="#" class="header-title">
                        Genome<span class="fa fa-caret-down"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="http://210.22.121.250:20795/jb/index.html?data=my_data/RiceRC/Basmati1/data" target="_blank">Basmati1</a></li>
                        <li><a href="http://210.22.121.250:20795/jb/index.html?data=my_data/RiceRC/CJ14/data" target="_black">CJ14</a></li>
                    </ul>
                </li>*@

                <li class="dropdown">
                    <a href="#" class="header-title">
                        Transcriptome<span class="fa fa-caret-down"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="@routes.ToolsController.blastBefore()">BLAST Search</a></li>
                        <li class="divider"></li>
                        <li><a href="@routes.ToolsController.searchBefore()">Condition Search</a></li>
                        <li class="divider"></li>
                        <li><a href="@routes.SvController.circosBefore()">Homologous Regions</a></li>
                    </ul>
                </li>

                <li class="dropdown">
                    <a href="#" class="header-title">
                        Tools<span class="fa fa-caret-down"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="@routes.ToolsController.seqFetchBefore()">Sequences Fetch</a></li>
                        <li class="divider"></li>
                        <li><a href="@routes.ToolsController.enrichmentBefore()">Enrichment Analysis</a></li>
                    </ul>
                </li>

@*
                <li class="dropdown">
                    <a href="#" class="header-title">
                        Enzyme and Pathway</a>
                </li>
*@

                <li class="dropdown">
                    <a href="@routes.HomeController.downloadBefore()" class="header-title">
                        Download</a>
                </li>

                <li class="dropdown">
                    <a href="#" class="header-title">
                       Contact</a>
                </li>



            </ul>
        </div><!-- /.navbar-collapse -->
    </nav>
</div>
